<template>
	<div :class="{[prefixCls+'-collapse']:true,[prefixCls+'-collapse-simple']:simple}">
		<slot></slot>
	</div>
</template>

<script>
import { prefixCls } from '../prefix'

export default {
	name: `${prefixCls}Collapse`,
	props:{
		value:String,
		accordion:{
			type:Boolean,
			default:false
		},
		simple:{
			type:Boolean,
			default:false
		},
	},
	data() {
		return {
			prefixCls: prefixCls,
		}
	},
	methods:{
		change(val){
			this.$emit('change', val);
		},
		onAccordion(val){
			// 手风琴效果，关闭其他元素
		    this.$children.forEach(function (item, i) {
		        if(item.name === val){
		        	item.paneShow = true 
		        }else{
		        	item.paneShow = false
		        }
		    })
		}
	},
}
</script>